<template>
  <div style="height:100%;width:100%;padding: 20px 20px 10px 40px">
    <div class="container">
        <div style="width:250px;height:100%;padding: 10px;" class="div1">
            <img src="../assets/aaa.png" style="width:100%;height:100%">
        </div>
            <div style="width:250px;height:100%;padding: 10px;" class="div2">
            <img src="../assets/aaa.png" style="width:100%;height:100%">
        </div>
            <div style="width:250px;height:100%;padding: 10px;" class="div3">
            <img src="../assets/aaa.png" style="width:100%;height:100%">
        </div>
       <div style="width:250px;height:100%;padding: 10px 5px;" class="div4">
            <img src="../assets/aaa.png" style="width:100%;height:100%">
        </div>
    </div>    
  </div>
</template>

<script>
export default {
  name: 'OperationPlatform',
  data () {
    return {
      msg: 'Welcome to Your Vue.js App'
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.div1{
    /* background-color: chartreuse; */
    min-height:1px;
}
#wrap{
    display: flex;
    
}
.container > div{
float: left;
/* padding-bottom: 9999px;
margin-bottom: -9999px; */
word-break: break-all;
/* width:150px; */
}
</style>
